<template>
    <div class="home">
        <div class="header">
            <Header></Header>
        </div>
        <div class="main">
            <router-view>
            </router-view>
        </div>
        <Login v-if="store.isLogin"></Login>
        <Register v-if="store.isRegister"></Register>
    </div>
</template>

<script setup lang="ts">
import Header from '@/components/front/home/header.vue'
import Login from '@/components/front/home/login.vue'
import Register from '@/components/front/home/register.vue'
import mainStore from '@/stores'
const store = mainStore()
</script>

<style lang="scss" scoped>
.home {
    .main {
        width: 1200px;
        margin: 0 auto;
        
    }
}
</style>
